.logo{
	width: 112px;
   
    margin: auto;
    display: table;
}

.mui-content{
	padding-top: 44px;
	background: none;
}
.contain{
	width: 100%;
	padding: 0 30px;
	margin: auto;
	
	margin-top: 30px;
}

.contain .input{
	width: 100%;
	display: table;
}
.contain .input input,.contain .password input{
	border: 1px solid #00c694;
    border-radius: 8px;
    padding: 12px 10px;
    background: transparent;
    margin-bottom: 13px;
    height: 45px;
    color: #555;
    font-size: 1em;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ccc;
}


.contain .btn {
    background-color: #00c694;
    width: 100%;
    padding:12px  10px;
    text-align: center;
	border-radius: 8px;
    color: #FFFFFF;
    height: 45px;
     font-size: 1em;
}
.text{
	margin-top: 10px;
	color: #333333;
}
.fleft{
	float: left;
}
.fright{
	float:right;
}
.text p{
	text-align: center;
	
}
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content: " ";
	clear:both;
	height:0;
}
.other{
	position: absolute;
    bottom: 22px;
    left: 0;
    width: 100%;
    text-align: center;
	
}
.other span{
font-size: 2.3em;    margin: 32px;
color: #6b6b6b;
}
.other p{
	color: #333333;
	font-size: 1em;    margin-bottom: 30px;
}
.other .weixin{
	background: url(../img/weixin.png)no-repeat;
    background-size: 45px;
    background-position-y: bottom;
        background-position-x: center;
}
.other .qq{
	background: url(../img/qq.png)no-repeat;
    background-size: 36px 40px;
    background-position-y: bottom;
        background-position-x: center;
}
.box{
   width: 100%;
    height: 100vh;
    overflow: hidden;
    background: url(../img/bgimg.png) no-repeat;
    position: fixed;
    top: 0;
    background-size: 100% 100vh;
    z-index: -1;
    font-size: 0.95em;
}


.code{width: calc(50% - 3px) !important;border-top-right-radius: 0px !important;border-bottom-right-radius: 0px !important;float: left;}
.codeimg{
	width: calc(50% - 3px) ;height: 45px;
	border: 1px solid #00c694;
	border-radius: 8px;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	background: #ebebeb;
	float: right;
	line-height: 46px;
    color: #999;
    text-align: center;
    font-size: 0.8em;
}

#verifyimg{
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}